<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 优先使用IE最新版本和 Chrome -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <!-- 360 浏览器内核控制 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SEO 优化 -->
    <meta name="description" content="" />
    <!-- 页面描述 -->
    <meta name="keywords" content=""/>
    <!-- 页面关键词 -->
    <title>container</title>
    <link rel="shortcut icon" href="docs-assets/ico/favicon.png">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container">

        <div class="starter-template">
            <h1>Bootstrap starter template</h1>
            <p class="lead">
                用<code>.container</code>包裹页面上的内容即可实现居中对齐。在不同的媒体查询阈值范围内都为container设置了<code>width</code>，用以匹配栅格系统。注意，由于设置了<code>padding</code> 和 固定宽度，<code>.container</code>不能嵌套。
            </p>
            <p>对于设计能力不强也没有太多时间去设计前端界面的用户来说，Bootstrap价值巨大。</p>
            <p>
                Boostrap是Twitter公司开发的一个基于HTML、CSS和JavaScript的技术框架，集合了最新的前端技术，为实现Web应用程序快速开发提供了一套前端工具包，包括布局、栅格、表格、按钮、表单、导航、提示等。使用Bootstrap可以构建出非常优雅的前端界面，且占用资源非常少。
            </p>
            <p>Bootstrap是目前非常流行的前端开发工具包，具有以下特色：</p>
            <ul>
                <li>
                    由业内权威专家开发。Twitter是互联网领域的技术先驱，引领时代技术潮流，Twitter前端开发团队是公认的最棒的团队之一，整个Bootstrap项目由经验丰富的工程师和设计师奉献。
                </li>
                <li>拥有庞大的用户基础和实践基础，值得信赖。</li>
                <li>学习和应用门槛比较低，适合各种技术水平的人。</li>
                <li>跨设备、跨浏览器，为移动开发提供了平稳的开发平台。</li>
                <li>提供12列栅格布局，使网页布局变得很简单。</li>
                <li>支持响应式设计，满足不同设备的显示需求。</li>
                <li>样式化的文档，使学习和参考变得直观、方便。</li>
                <li>开放式代码库，使Bootstrap成为众多业内好手展示的舞台，也极大丰富了Bootstrap代码库。</li>
                <li>与jQuery完美融合，可定制jQuery插件。</li>
                <li>选用LESS构建动态样式，使动态样式开发成为可能，降低了时间成本，却可以编写更快、更灵活的CSS样式表。</li>
                <li>支持HTML5标签和语法，要求在HTML5文档类型基础上进行设计和开发。</li>
                <li>支持CSS3所有属性和标准，逐步改进组件以达到最终效果。</li>
            </ul>
            <p>
                Bootstrap始于2011年8月，至今才刚满两年，但是Bootstrap旋风却已刮遍了整个互联网。各种较小的网站就不提了，国内外很多较有名的网站也采用了Bootstrap。对于设计能力不强也没有太多时间去设计前端界面的用户来说，Bootstrap价值巨大。Bootstrap的目的就是帮助开发人员快速开发原型，避免经常从零开始绘制白底黑边的裸图。
            </p>
            <p>
                Bootstrap框架提供一级的视觉效果，且应用视觉效果是一致的，这一点其实是很难实现的。使用Bootstrap可以确保整个Web应用程序的风格完全一致，用户体验一致，操作习惯一致。如果希望整个网站的链接、按钮、提醒都有统一的视觉效果，那就应该毫不犹豫地选择Bootstrap，此外它还可以对不同级别的提醒使用不同的颜色。
            </p>
            <p>
                快速应用，简单而优雅，Bootstrap会让Web应用程序看起来与Windows或GNOME下的程序一样，按钮一样，对话框一样，运行快速。越来越多的Web应用程序被直接放在桌面上运行，应用的一致性是趋势，开发人员可以把精力放在业务上，而不是UI设计上。
            </p>
        </div>

    </div>
    <!-- /.container -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap.js"></script>
</body>
</html>